<template>
  <div class="all-rel">
    <div class="all-flow-table-box">
      <el-table ref="myTable" :data="list" border :show-header="false" style="border-top:0">
        <el-table-column align="center" label="key" prop="key" width="180"></el-table-column>
        <el-table-column align="center" label="value" prop="value" width="180"></el-table-column>
        <el-table-column></el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>

export default {
  data() {
    return {
      list: [
        {
          key: "可提现金额",
          value: ""
        },
        {
          key: "冻结金额",
          value: ""
        },
        {
          key: "团队人数",
          value: ""
        }
      ]
    }
  },
  created() {
    let _this = this;
    this.masterID = this.$store.state.user.userId;
    this.$ajax({
      url: "master/getAgentInfo",
      data: {
        app: {
          masterID
        }
      },
      success(res) {
        if (res.data.code === 1) {
          let info = res.data.content;
          _this.list[0].value = info.money.yesMoney;
          _this.list[1].value = info.money.noMoney;
          _this.list[2].value = info.agentCount;
        } else {
          _this.$message({
            message: res.data.msg,
            type: 'warning'
          });
        }
      }
    });
  }
};
</script>
<style scoped>
.shrink-box {
  width: 100%;
  font-size: 0;
}
.shrink-box >>> label {
  width: 90px;
  color: #99a9bf;
}
</style>